<template>
  <div class="test-wrapper">
    <p>I's Root Page and now It can be rendered by History Mode</p>
    <router-view />
    <button @click="onRedirect('/b')">b module</button>
    <button @click="onRedirect('/c')">c module</button>
  </div>
</template>
<script>
export default {
  props: {},
  components: {},
  data() {
    return {}
  },
  computed: {},
  mounted() {},
  filters: {},
  watch: {},
  methods: {
    onRedirect(path) {
      this.$router.push({
        path,
      })
    },
  },
}
</script>

<style lang="less" module>
.test-wrapper {
  & > p {
    background-color: #000fff;
    line-height: 20px;
    font-size: 20px;
  }
}
</style>
